<template>
	<view>
		<!-- 自定义顶部 -->
		<u-navbar style="background-color: #007AFF;" :is-back="false" title="开发票">
			<view class="slot-wrap">
				<u-icon name="arrow-left" style="margin-left: 10rpx;" @tap="getBack" size="45"></u-icon>
				<view class="coupons_left_line"></view>
				<u-icon name="home" @tap="home"  size="40"></u-icon>
			</view>
		</u-navbar>
		<!-- end -->
		<u-gap height="25" bg-color="#f4f4f4"></u-gap>
		<view >
			<view class="flew li padding25rpx">
				<view class="atlin">
					开票类型
					<image class="xinhao" src="../../../../../static/mine/icon-xinghao.png" mode=""></image>
				</view>
				<view class="marLeFt50">
					<u-radio-group v-model="uFrom.lei">
						<u-radio active-color="#FF6600" >个人</u-radio>
						<u-radio active-color="#FF6600">公司</u-radio>
					</u-radio-group>
				</view>
			</view>
			<view class="flew li padding25rpx">
				<view class="atlin">
					发票抬头
					<image class="xinhao" src="../../../../../static/mine/icon-xinghao.png" mode=""></image>
				</view>
				<view class="marLeFt50">
					<u-input v-model="uFrom.top" placeholder="请准确填写发票内容"></u-input>
				</view>
			</view>
			<view class="flew li padding25rpx">
				<view class="atlin">
					公司税号
					<image class="xinhao" src="../../../../../static/mine/icon-xinghao.png" mode=""></image>
				</view>
				<view class="marLeFt50">
					<u-input v-model="uFrom.sui" placeholder="请准确填写公司税号"></u-input>
				</view>
			</view>
			<view class="flew li padding25rpx">
				<view class="atlin dis" style="width: 130rpx;">
					<label>地</label>
					<label>址</label>
				</view>
				<view class="marLeFt50">
					<u-input v-model="uFrom.address" placeholder="请准确填写您的地址"></u-input>
				</view>
			</view>
			<view class="flew li padding25rpx">
				<view class="atlin dis" style="width: 130rpx;">
					<label>电</label>
					<label>话</label>
				</view>
				<view class="marLeFt50">
					<u-input v-model="uFrom.address" placeholder="请准确填写电话号码"></u-input>
				</view>
			</view>
			
			<u-gap height="25" bg-color="#f4f4f4"></u-gap>
			<view class="flew li padding35rpx">
				<view class="atlin">
					发票总金额
				</view>
				<view class="marLeFt50">
					<view class="colorff6">{{uFrom.price}} 元</view>
				</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				uFrom:{
					top:'',
					lei:'',
					sui:'',
					address:'',
					mobile:'',
					price:'11.00',
					email:''
				},
				rules:[
					{
						lei:[
							
						]
					}
				]
			}
		},
		methods: {
			//返回首页
			home(){
				uni.switchTab({
					url:'/pages/index/index'
				})
			},
			//返回上一页
			getBack(){
				this.$mHelper.back(1)
			},
		}
	}
</script>

<style lang="scss" scoped>
	.xinhao{
		width: 32rpx;
		height: 32rpx;
	}
</style>
